@charset "utf-8";
/* CSS Document */

/*声明字体*/

@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

/*global*/
*{margin:0;padding:0}
body,div,p,form,ul,li,h1,h2,,h3,h4,h5,h6,span{

color: #666;
font-family:Arial,Helvetica,sans-serif;
}
ul{list-style:none;}
img{border:0;}
a{text-decoration:none;color:#666;font-size: 12px;font-family:Arial,Helvetica,sans-serif; }
a:hover{text-decoration:none;/*color:#E4393C;*/}
h2,h3{font-family: "microsoft yahei";}
.clear{clear:both;}

/*公共头部css*/

/*顶部*/
 #top{width: 100%;background: #FAFAFA;border-bottom:1px solid #DBDBDB; }
  .topin{width:1200px;height:35px;margin:0 auto;position: relative;}
.topleft{width: 246px;line-height: 36px;position: relative;float:left;}
.topleft ul{height:35px;font-size:12px;color: #333;}
.topleft ul li{float: left;position: relative;padding-left:4px;}

/*登录*/
.topleft ul li.login{/*width:105px;*/background:#fff;border:1px solid #ccc;border-bottom: none;border-top:none; }
.topleft ul li.login a{padding-left:5px;color:#06C;}



.topleft ul li.login i{background:url(../images/sprite.png) no-repeat  0px -870px;width: 52px;height:8px;position: absolute;left:30px;top:30px;}
.topleft ul li.login:hover i{background-position:-60px -870px; width: 52px;height:8px;left:30px;top:30px;}
.topleft ul li:hover .ucenter{display: block;}
.topleft ul li .ucenter{width: 302px;height: 147px;border:1px solid #E6E6E6;z-index:10;position: absolute;left:-1px;top:35px;display:none;border-top:none;background:#fff;}
.topleft ul li.login .ucenter a.l-img{border:1px solid #D9D9D9;width:65px;height: 65px;display:inline-block; border-radius:3px;box-shadow: 0px 0px 3px #F2F2F2;background:url(../images/sprite.png) no-repeat -75px -153px ;margin:10px;position:absolute;left:0px;top:0px;}
.topleft ul li.login .ucenter a.j{color:#FF8486;height:26px;border-radius:26px;position: absolute;left:95px;top:20px;width: 142px;display: block;border:1px solid #FFB4B4;line-height: 26px;text-align: center;}
.topleft ul li.login .ucenter a.j:hover{color:#E60012;border:1px solid #E60012;}
.topleft ul li.login .ucenter a.h{color:#333;position: absolute;left:106px;top:50px;}
.topleft ul li.login .ucenter p{ box-shadow: 0px 2px 0px #F7EEE9 inset;border-top:1px solid #E9E0DB;height:55px;position: absolute;left:0px;top:90px;width: 302px;}
.topleft ul li.login .ucenter p a{border-top:2px solid #F7EEE9;line-height: 53px;background:#FFF5F0;color:#333;float:left;width: 146px;display: block;text-align: center;height:54px;}
.topleft ul li.login .ucenter p a:hover{background:#FFEBE2;}
/*选择城市*/
.topleft ul li.ship{background:url(../images/sprite.png) no-repeat right -700px;padding-right: 85px;position: absolute;left:110px;top:0px;}
.topleft ul li.ship a.c{color:#333;border:1px solid #DBDBDB;padding:0px 0px 0px 5px;text-align: center;line-height:18px;background:#FFF url(../images/sprite.png) no-repeat -250px 7px ;float: left;margin-top:8px;font-weight:bold;z-index: 1000;position: absolute;width: 40px;height:21px;}
.topleft ul li.ship:hover a.c{border-bottom:2px solid #fff;}
/*.topleft ul li.ship a.c:hover{border-bottom:none;background:#FFF url(../images/sprite.png) no-repeat right -68px ;}*/
.topleft ul li.ship span{float: left;padding:0 5px;}
.topleft ul li.ship .province{display: none;width: 530px;height:262px;border:1px solid #CCC;position:absolute;left:50px;top:30px;background:#fff;z-index:1;box-shadow: 0px 2px 0px rgba(234, 234, 234, 0.7);}
.topleft ul li.ship:hover .province{display: block;z-index: 100;}
.topleft ul li.ship .province p{border-bottom:1px solid #E5E5E5;height:33px;margin:0 10px;padding:6px 0;font-family: "Microsoft YaHei";color:#666;font-size:12px;}
.topleft ul li.ship .province p span{font-weight: bold;font-size:14px;background: url(../images/sprite.png) no-repeat  0px -648px;padding-right:15px;}
.topleft ul li.ship .province p  a{padding:0 6px; line-height: 16px;height:16px;border-radius:2px;border-left:1px dotted #EBEBEB;}
.topleft ul li.ship .province p  a:hover{background:#FF966E;color:#fff;}
.topleft ul li.ship .province ul{width:265px;height:200px;float: left;border-left:1px dotted #EBEBEB;margin-left:-1px;margin-top:10px;}
.topleft ul li.ship .province ul li{padding:0 0 0 20px;line-height:16px;font-family: "SimSun";margin-bottom:10px;float: left;width:265px;}
.topleft ul li.ship .province ul li a{margin-left:5px;padding:0 3px;display:inline-block;color:#666;border-radius:2px;}
.topleft ul li.ship .province ul li a:hover{background:#FF966E;color:#fff;}

.topright{float: right;width: 630px;height: 33px;/*border:1px solid green;*/}
.topright ul li{float: left;height:30px;line-height: 30px;position: relative;padding:0 6px;margin-top:5px;background: url(../images/sprite.png) no-repeat right -729px; }
.topright ul li a i{background: url(../images/sprite.png) no-repeat right -255px;height: 14px;line-height: 14px;padding:4px 18px 4px 0px;}
.topright ul li a em.ico{background:url(../images/sprite.png) no-repeat -288px -230px;width: 12px;height: 16px;display: inline-block;vertical-align:middle;margin-right:5px;}
.topright ul li a em.ico.ico2{background-position:-284px -320px;width: 16px;}
.topright ul li a:hover{color:#E60012;}
/*我的1号店*/
.topright ul li .list {position: absolute;display: block;z-index: 2;background: #fff;}
.topright ul li .list ul li{background: none;line-height: 16px;height: 16px;}
.topright ul li .list{position: absolute;top:26px;right:0;background: #fff;/*padding: 0px 4px 0px;*/border: 1px solid #CCC;display: none;}
.topright ul li .list i{height: 23px;position: absolute;display: block;top:-25px;right:-1px;border-color:#CCC #CCC #FFF;border-width:1px;border-style:solid;width:83px; /*border:1px solid green;*/}
.topright ul li.cur{background: #fff ;}
.topright ul li.cur a i{background:url(../images/sprite.png) no-repeat right -285px; }
/*收藏夹*/
.topright ul li.fav{padding-left:17px;}
.topright ul li.fav .list{width: 76px;}
.topright ul li.fav .list ul li{padding:0 14px;}
.topright ul li.fav .list i{width: 76px;}
/*手机1号店*/
.topright ul li.tel .list{width:200px;}
.topright ul li.tel .list i{width: 104px; }
.topright ul li.tel .list p{height: 14px;color: #666;line-height: 14px;font-family: "Microsoft YaHei";font-size:12px;overflow: hidden;margin-bottom: 10px;margin:5px;}
.topright ul li.tel .list .mobile{height: 102px;float: left;}
.topright ul li.tel .list .mobile a{display: block;height: 30px;background: url(../images/sprite.png) no-repeat 0px -230px;padding-left:25px;width:78px;border:none;color: #666;line-height: 24px;margin-left:6px;}
.topright ul li.tel .list img{width: 90px;height: 90px;float: right;}
.topright ul li.tel .list .mobile a:hover{background:url(../images/sprite.png)  no-repeat -110px -230px;color: #fff;}
/*1号v店*/
.topright ul li.vdian {/*width:91px;*/}
.topright ul li.vdian .list{width: 135px;}
.topright ul li.vdian .list i{width:91px; }
.topright ul li.vdian .list span{font-size:12px;color: #666;display: block;line-height: 18px;margin:0 15px;margin-bottom: 10px;}
.topright ul li.vdian .list span a{background:none ;}
.topright ul li.vdian .list span a:hover{color:#F60;}
.topright ul li.vdian .list img{width: 90px;height:90px;margin:0 15px;}
/*客户服务*/
.topright ul li.ser {margin-left:3px;width: 66px;}
  .topright ul li.ser .list{width: 80px;}
  .topright ul li.ser .list i{width: 80px;}
/*网站导航*/
.topright ul li.dao{/*width:82px;*/}
.topright ul li.dao .list{width:236px;}
.topright ul li.dao .list i{width: 77px;}
.topright ul li.dao .list p{width:210px;height:29px;margin:5px 5px;border-bottom:1px solid #ddd;padding:0 10px;}
  .topright ul li.dao .list p.info{margin-bottom: 5px;height: 56px;}
  .topright ul li.dao .list p.end{border: none;}
  .topright ul li.dao .list p a{background: none;display: inline-block;float: left;padding:0 6px;width: 53px;}
   .topright ul li.dao .list p a:hover{color: #E60012;}



 .topright ul span{font-size:12px;display: inline-block;padding-left:5px;line-height: 37px;color:#666;position: relative;margin-top:2px;} 
 .topright ul span a.weibo{display: block;background:url(../images/sprite.png) no-repeat -283px -838px;width: 17px;height: 21px;position:absolute;left:64px;top:10px;}
 .topright ul span a.code{display: block;background:url(../images/sprite.png) no-repeat -283px -928px;width: 17px;height: 21px;position:absolute;left:86px;top:10px;}

 /*顶部广告*/
#ad{width: 1200px;height:60px;margin: 0 auto;}

/*搜索区域*/
.search_area{width:1200px;height:99px;margin:10px auto;}
.search_area  img{height:72px;padding-top:15px;float: left;padding-left:3px;}
.search{width:630px;margin-left:114px;height:72px;float: left;margin-top: 10px;position: relative;}
 .search input.int{width:388px;height: 28px;border: 2px solid #FF3C3C;margin:10px 0 0 30px;float:left; color: #999;font-size:14px;text-indent: 0.5em;font-size:12px;background:url(../images/sprite.png) no-repeat -279px -22px;text-indent: 34px; }
 .search input.f_btn{width:98px;height:32px;background: #FF3C3C ; color:#fff;font-size: 14px;border: 0;line-height:30px;margin-top:10px;cursor: pointer;font-family: "Microsoft YaHei";letter-spacing: 3px;}
 .search p.hotwords{clear:both;font-size: 12px;color: #999;padding:6px 0 0 32px;}
 .search p.hotwords a{color: #999;padding-left:2px; }
 .search p.hotwords a:hover{color: #E60012; }
.search_area .r{float: right;height: 49px;margin-top:22px;}
.search_area .r ul li{float: left;/* background:#FCFCFC;border:1px solid #F2F2F2; */display: inline-block;height: 90px;position: relative;margin-left:-1px;border-bottom: 1px dotted #D5D5D5;}
.search_area .r ul li a.f{text-align: center;/* float: left; */font-family: "Microsoft YaHei";color: #999;width: 65px;padding-left:10px;}
.search_area .r ul li.icon a i{background:url(../images/sprite.png) no-repeat -130px -20px;width: 22px;height: 15px;display: inline-block;position: absolute;left:20px;top:5px;}
.search_area .r ul li.icon a s{background:url(../images/sprite.png) no-repeat -130px -40px;width: 5px;height: 8px;display: inline-block;position: absolute;left:30px;top:42px;}
.search_area .r ul li.icon.order i{background-position:-160px -20px;}
.search_area .r ul li.cart{background: #FF3C3C;width: 83px;height:52px;margin-top:-5px;line-height: 48px;}
.search_area .r ul li.cart a.cart{color: #fff;font-size:14px;text-indent:12px;padding-left:26px;}
.search_area .r ul li.cart a i{background:url(../images/sprite.png) no-repeat -190px -20px;width: 16px;height:15px;position: absolute;left:5px;top:18px;padding-right:5px; }
.search_area .r ul li.cart i.arrow{
 position: absolute;
top: 0px;
left: -4px;
display: block;
width: 4px;
height: 4px;
overflow: hidden;
font-size: 0px;
background: transparent url(../images/sprite.png) no-repeat scroll -150px -40px;
}

.total_price {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 263px;
    height: 57px;
    padding: 10px 0px 0px 15px;
    border-bottom: 1px solid #DEDEDE;
    background: #F8F8F8 none repeat scroll 0% 0%;
}
.search_area .r ul li.cart .down .total_price a{
    float: right;
    display: block;
    width: 110px;
    height: 28px;
    margin: 14px 10px 0px 0px;
    background: transparent url(../images/indexhead_sprite.png) no-repeat scroll 0px -1105px;
    line-height: 28px;
    text-align: left;
    font-size: 14px;
    color: #FFF;
    font-family: "Microsoft YaHei";
	padding-left:16px;
	
}
.search_area .r ul li.cart .down .total_price p{
position:absolute;
left:20px;
top:0;
font-size:12px;color:#666;}
.search_area .r ul li.cart .down .total_price strong{
position:absolute;
left:20px;
top:25px;
font-weight: bold;
font-family: "Century Gothic";
color: #FF3C3C;
font-size: 18px;

}
.search_area .r ul li.cart .down .total_price strong em.price{color: #FF3C3C;}
 .cart_list{
position: relative;
top:68px;
height: 370px;
overflow:auto;

}
 .cart_list li.t{background:#fff;height:63px;position:relative;}
 .cart_list li.t:hover{box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2);}
 .cart_list li.t a.pic img{
display: block;
float: left;
width: 60px;
height: 60px;
margin-right: 6px;
float:left;
}
.cart_list li.t a.name{
width:140px;
float:left;
height:36px;
line-height:20px;
color:#333;
overflow:hidden;
margin-top:20px;
padding-left:20px;
}
.jian{
position: absolute;
bottom: 0px;
left: 0px;
width: 278px;
height: 35px;
border-top: 1px solid #D5D5D5;
box-shadow: 0px -2px 0px #F5F5F5;
background: #F8F8F8 none repeat scroll 0% 0%;
line-height: 35px;
text-align: center;
color: #666;
font-size:12px;
}
.jian em{color:#FF3C3C;font-style:normal;padding:0 3px 0 3px;}
.cart_list li.t p.price{float:right;height:17px;padding-right:10px;height:14px;color: #FF3C3C;}
.cart_list li.t p.price em{color: #FF3C3C;font-family: "Tahoma";font-weight: bold;font-style:normal;font-size: 14px;
padding-right: 76px;}
.cart_list li.t p.price a.del{color:#06C;}
.cart_list li.t p.price a.del:hover{color:#F60;}

.search_area .r ul li.cart .down .total_price strong em{font-size: 24px;font-style:normal;}

.search_area .r ul li.cart .down{
display: none;;
z-index: 8;
overflow: hidden;
position: absolute;
top: 48px;
right: 0px;
width: 276px;
height: 370px;
padding-bottom: 99px;
border-width: 3px 1px 1px;
border-style: solid;
border-color: #FF3C3C #DCDCDC #DCDCDC;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
background-color: #FFF;
box-shadow: 0px 2px 2px #EAEAEA;
}
/* .search_area .r ul li.cart:hover .down{display:block;} */
.search_area .r ul li.cart .down span.cart_ico{
display: inline-block;
  position: absolute;
     width: 48px;
    height: 38px;
    left:139px;
    top:93px;
 

    background:url(../images/sprite.png) no-repeat scroll -0px -90px;

}
.search_area .r ul li.cart .down p.text{
  padding: 129px 60px;
line-height: 20px;
color: #666;
}
/*菜单栏*/
#nav{width:100%;border-bottom:2px solid #FD3F49;margin:0 auto;}
.nav_in{width: 1200px;height: 36px;margin:0 auto;position: relative;}
.nav{width: 210px;height: 36px;}

.nav a.all{width:168px;height: 36px;padding-right:42px;color: #fff;font-size:14px; font-weight:bold; background: #FF3C3C url(../images/sprite.png) no-repeat -104px -1201px;display: block;padding:0px 0px 0px 42px;line-height: 36px;}
.nav a.sort:hover,
.nav a.all:hover{color:#fff;}
.nav span a{float: right;font-size:12px;color: #666;font-weight: normal;}
.nav span a.img{position:relative;left:25px;top:10px;}
/*导航栏右边*/
.nav_r{height: 36px;position: absolute;left:213px;top:0px;width: 780px;}
.nav_r li{float: left;}
.nav_r li a{float: left;color:#333;font-family: "Microsoft YaHei";font-size:14px;font-weight:bold;height:32px;line-height:36px;display:inline-block;padding:0 18px;text-align: center; }
.nav_r li a.cur{color:#FF3C3C;}
.nav_r span.tel{position: absolute;left:790px;top:-5px;}

/*导航开始*/
/*显示隐藏竖排导航*/

 
 .menu{width: 210px;height: 397px;background:#C23131;position:absolute;z-index:11;left:0px;top:38px;}
 .menu ul{border-top:2px solid #B01D1D;}
 .menu ul li {color:#fff;line-height: 31px;background:  url(../images/sprite.png) no-repeat 190px -1148px;}
 .menu ul li .ico {display: inline-block;padding:0 10px 0 15px;font-family: 'iconfont';font-size:18px;}

 .menu ul li a{color:#fff;}
 .menu ul li a:hover{text-decoration:none;}
.menu ul li.hover{padding-left:5px; background: #872222 url(../images/sprite.png) no-repeat 190px -1148px;}
.menu ul li.hover .submenu{display: block;}
.menu ul li .submenu{width: 990px;height: 398px;position: absolute;background:#fff;left:210px;top:0px;display: none;}

.menu ul li .submenu .l {float: left;margin:0px 0 0 10px;width: 515px;height: 398px;overflow: hidden;}
.menu ul li .submenu .l dl{width: 252px;height: 74px;font-family: "Microsoft YaHei";float: left;margin:8px 0px 20px 5px;}
.menu ul li .submenu .l dl dt{line-height: 22px;font-weight: bold;}
.menu ul li .submenu .l dl dt a{color:#333; }
.menu ul li .submenu .l dl dt span a{color:#E60012; }
.menu ul li .submenu .l dl dt a:hover{color:#E60012; }
.menu ul li .submenu .l dl dd{float: left;line-height: 14px;border-right:1px solid #DDD;border-left: none;margin:0px 5px 5px 0px;padding-right:3px;}
.menu ul li .submenu .l dl dd a{color: #333;padding-left:6px;}
.menu ul li .submenu .l dl dd a:hover{color: #E60012;}
.menu ul li .submenu .l dl dd span a{color:#E60012;}
.menu ul li .submenu .r{height: 398px;z-index: 111;}
.menu ul li .submenu .r a img{float: left;border:1px solid #ddd;margin:-1px -1px -1px 0px;border-right: none;}


/*公用底部*/

/*底部*/
 .service{width:100%;background:#FDFDFD;height:226px;margin-top:20px;border-top:1px solid #F2F2F2;background:#FDFDFD url(../images/footer.png) repeat-x 0px bottom;padding: 10px 0 20px;}
 .help{width: 1200px;margin:0 auto;padding-top:20px;}
 .help dl{float: left;margin:0 10px;width:180px;}
 .help dl dt{font-size:16px;color:#666;height: 40px;line-height: 40px;font-family: "Microsoft YaHei";border-bottom: 1px solid #E3E3E3;margin-bottom:8px;padding:0 8px;}
 .help dl dd{height: 24px;line-height: 24px;padding:0 9px;background: url(../images/sprite.png) no-repeat -290px -516px ;}
 .help dl dd a:hover{color: #E60012;p}
 .qrcode {width: 980px;margin:0 auto;height: 152px;border-bottom:1px solid #F2F2F2;margin:25px 0 0 250px;}
  .code1 img{float: left;}
 .code1 dl{width: 264px;margin-left:60px;float: left;}
 .code1 dl dt{margin-bottom: 10px;font-family: "Microsoft YaHei";font-size:16px;font-weight: bold;}
 .code1 dl dd{color: #666;font-size:12px;margin-bottom: 20px;}
 .code1 dl dd a{border:1px solid #DDD;display:line-block;height: 22px;margin-right:10px;padding:4px 6px 4px 10px; line-height: 22px;text-align:center;/*background:#fff url(../images/sprite.png) no-repeat -110px -231px;*/color: #333;}

 .footer{width:1200px;height: 216px;margin:0 auto;clear:both;}
 .footer .ser{height: 50px;line-height:50px;margin-left:250px;}
 .footer .ser a {color:#666;font-size:14px;font-weight:bold;padding:5px 0px 4px;margin:0px 45px;text-align: center;position: relative;width: 155px;height: 50px;}
 .footer .ser a:hover{color:#E60012;}
 .footer .ser a span.s{background: url(../images/sprite.png) no-repeat 0px -752px;display: inline-block;height: 50px;width: 55px;position: absolute;left:-53px;top:-14px;}
 .footer .ser a:hover span.s{background-position:0px -807px;}
 .footer .ser a span.s.s2{background-position:-60px -752px }
 .footer .ser a:hover span.s.s2{background-position:-60px -807px; }
 .footer .ser a span.s.s3{background-position:-130px -752px;}
 .footer .ser a:hover span.s.s3{background-position:-130px -807px;}
 .footer .ser a span.s.s4{background-position:-200px -752px; }
 .footer .ser a:hover span.s.s4{background-position:-200px -807px; }
 .footer .link p{margin:13px 0;text-align:center;color:#666;font-size: 12px;}
 .footer .link p a{padding:0 5px;}
  .footer .link p a:hover{color:#C00;}
  .footer p.bei{text-align:center;}

  /*楼层电梯*/
  .floor{position: fixed;right:1%;bottom:30px;width:42px;text-align:center;z-index: 8;}
 .floor a{display:block;line-height:38px;width:42px;height: 38px;background: #FAFAFA;border:1px solid #E6E6E6;}
   .floor a i{padding:1px 5px;line-height: 17px;font-style: normal;display:none;line-height: 17px;}
  .floor a:hover{background:#FF3C3C;color:#fff;}
  .floor a i.two{padding:1px 5px;line-height: 36px;}
  .floor a s{font-family: "iconfont" !important;font-size:20px;color:#666;font-style:normal;text-decoration: none;}
  .floor a:hover s{display: none;}
 .floor a:hover i{display: block;}
.floor a.on{background:#FF3C3C;color:#fff; }
.floor a.on s{display: none;}
.floor a.on i{display: block;}
#back a{background: #FAFAFA;border:1px solid #E6E6E6;}
#back a:hover{background:#FF3C3C;color:#fff;}
#back a i{display: none;}
#back a s{display: block;}
#back a:hover s{display: none;}
#back a:hover i{display: block;};

/* 购物车样式 */


